<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box abs">
			<!-- 
				logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图
			 -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li><a href="index.html">首页</a></li>
				<li class="active">
					<a href="api-index.html">API</a>
				</li>
				<li>
					<a href="api-index.html">云服务</a>
				</li>
				<li>
					<a href="customer.html">案例</a>
				</li>
				<li>
					<a href="api-index.html">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div>
				<span class="fc-black">登录</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<main>
			<section id="apiCate" class="b-box">
				<div class="container">
					<h2>API分类</h2>
					<ul id="apiCateList"></ul>
					<div id="searchInput">
						<strong>全部</strong>
						<input type="search" value="身份证实名" />
					</div>
				</div>
			</section>
			<!-- 卡片区 -->
			<section id="apiCard">
				<div class="container">
					<ul id="apiCardlist">
						<!-- <li class="rel">
							<span class="abs fz-14">企业专用</span>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>	
							<a href="#" class="fc-white fz-14 abs">申请数据</a>
						</li>
						<li>						
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>
						<li>
							<img src="../imgs/API_01.jpg" alt="加载失败">
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
						</li>	 -->
					</ul>
				</div>
			</section>
			<!-- 分页器 -->
			<section id="pagination">
				<ul>
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
				</ul>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<!-- 版心 -->
			<div id="footlist" class="container mt-80 cf">
				<!-- 左边的文字 -->
				<ul id="leftlist" class="fl">
					<li>
						<h3>联系与支持</h3>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<h3>关于源码</h3>
						<p>400-882-7715</p>
						<p>合作伙伴</p>
						<p>服务条款</p>
						<p>隐私政策</p>
						<p>市场合作</p>
						<p>反商业贿赂声明</p>
					</li>
					<li>
						<h3>快速入口</h3>
						<p>400-882-7715</p>
						<p>API数据</p>
						<p>黑钻会员</p>
						<p>新闻动态</p>
						<p>联系我们</p>
						<p>加入我们</p>
					</li>
					<li>
						<h3>产品服务</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
					<li>
						<h3>解决方案</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
				</ul>
				<div id="phone" class="fz-14 text-cb">
					<img src="../imgs/bei2.png" alt="加载失败" />&nbsp;
					<img
						src="../imgs/bei1.png"
						alt="加载失败"
					/>&nbsp;增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</div>
				<!-- 右边的文字 -->
				<div id="riglist" class="fr">
					<h3>微信公众号</h3>
					<p class="fz-14 text-cb mt-15">源码时代</p>
					<img src="../imgs/103-demo.png" alt="加载失败" class="mb-100" />
					<p class="fz-14 text-cb">源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
			<!-- 回到顶部 -->
			<div id="top"></div>
			<!-- 蒙尘 -->
			<div id="mask">
				<!-- 登录框 -->
				<div id="loginModal">
					<!-- logo -->
					<div id="loginModalLogo"></div>
					<!-- tab区 -->
					<div id="loginModalTab">
						<a class="active" href="javascript:void 0">账号登录</a>
						<i></i>
						<a href="javascript:void 0">扫码登录</a>
					</div>
					<!-- 表单区 -->
					<form action="index.html" method="post">
						<div id="logtext">
							<!-- 用户名 -->
							<p id="loginUser">
								<i></i>
								<input type="text" placeholder="用户名/手机号/邮箱" />
							</p>
							<!-- 密码 -->
							<p id="logpassword">
								<i></i>
								<input type="password" placeholder="密码" />
							</p>
							<!-- 忘记密码 -->
							<p id="logforget">
								<a href="#" class="">忘记密码</a>
							</p>
							<!-- 登录 -->
							<p id="register">
								<input type="submit" value="登&nbsp;录" />
							</p>
							<!-- 立即注册 -->
							<p id="logpromptly">
								还没有源码账号，
								<a href="#">立即注册 &gt;</a>
							</p>
						</div>
					</form>
					<!-- 二维码图片文字 -->
					<form id="QRFormtext">
						<div id="QRformtext">
							<img src="../imgs/103-demo.png" alt="图片加载失败" />
							<p class="QRFlist">微信扫码登录</p>
							<p class="QRFlist">未关注源码科技公众号,请先关注后再登录</p>
						</div>
						<!-- 立即注册 -->
						<p id="QRFpromptly">
							还没有源码账号，
							<a href="#">立即注册 &gt;</a>
						</p>
					</form>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<!-- 1.引入当前页JS -->
		<script src="../js/api-index.js"></script>
	</body>
</html>
